@charset "utf-8";
/* CSS Document */


/* Title */
.Title{width: 100%;text-align: center;padding-top: 56px;}
.Title h2{font-size: 24px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title p{font-size: 28px;color: #1e1e1e;font-family: arial;text-transform: uppercase;word-spacing: 2px;font-weight: bold;}
.Title i{display: block;width: 100%;height: 4px;margin: 13px auto 0;background: url(title_xian.png) no-repeat center;}



/* banner */
.banner{width: 100%;overflow: hidden;height: 598px;position: relative;}
.banner a{display: block;height: 598px;}




#flashs{ position:relative; height:598px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btnList{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0; z-index:999; }
#flashs .btnList span{display: inline-block;width:80px;height: 5px;cursor: pointer; font-size:0; background: #fff;margin-left:2px;}
#flashs .btnList span:first-child{margin-left: 0;}
#flashs .btnList span.cur{background: #131313;}

/*
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(babot2.png) no-repeat center; right:5%; z-index: 2;}


/* search */
.search{width: 100%;height:79px;background: #f3f4f6;}
.search p{float: left;font-size: 14px;color: #000000;width: 700px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 79px;line-height: 79px;}
.search p a{font-size: 14px;color: #333333;font-weight: normal;margin-right: 16px;}

.search .Input{width: 318px;height:39px;float: right;margin-top:20px;}
.search .Input input{padding:0 4px 0 10px;font-size: 13px;outline: none;border: none;color: #999999;height: 39px;line-height: 39px;width: 250px;float: left;border: none;}
.search .Input a{display: block;float: left;width: 54px;height: 39px;text-decoration: none;text-align: center;background: url(searchBtn.png) no-repeat center;}

/* xiangmu */
.xiangmu{width: 100%;}
.xiangmu .mainCon{width: 100%;margin-top: 46px;}
.xiangmu .mainCon li{width: 170px;height: 220px;padding-top: 6px;float: left;margin-left: 15px;text-align: center;position: relative;}
.xiangmu .mainCon li:first-child{margin-left: 0;}
.xiangmu .mainCon li a{display: block;text-decoration: none;}
.xiangmu .mainCon li img{display: block;}
.xiangmu .mainCon li .Pics{width: 130px;height: 130px;position: relative;margin-left:20px;}
.xiangmu .mainCon li .Pics img {width: 130px;height: 130px;}
.xiangmu .mainCon li .caise{position: absolute;top: 0;left: 0;display: none;}
.xiangmu .mainCon li h3{font-size: 17px;color: #333333;font-weight: normal;margin-top: 12px;line-height:25px;}
.xiangmu .mainCon li span{display: block;width: 40px;height: 40px;position: absolute;bottom: 35px;left: 50%;margin-left: -20px;overflow: hidden;}
.xiangmu .mainCon li span img{position: relative;}
.xiangmu .mainCon li:hover .caise{display: block;}
.xiangmu .mainCon li:hover span img{top: -40px;}



/* project */
.project{width: 100%;}
.project .mainCon{width: 100%;margin-top: 36px;}
.project .mainCon li{width: 210px;height: 270px;padding-top: 6px;background: #f3f4f6;float: left;margin-left: 12px;text-align: center;position: relative;}
.project .mainCon li:first-child{margin-left: 0;}
.project .mainCon li a{display: block;text-decoration: none;}
.project .mainCon li img{display: block;}
.project .mainCon li .Pics{width: 210px;height: 122px;position: relative;}
.project .mainCon li .caise{position: absolute;top: 0;left: 0;display: none;}
.project .mainCon li h3{font-size: 16px;color: #333333;font-weight: normal;margin-top: 12px;}
.project .mainCon li p{font-size: 14px;color: #666666;}
.project .mainCon li span{display: block;width: 40px;height: 40px;position: absolute;bottom: 35px;left: 50%;margin-left: -20px;overflow: hidden;}
.project .mainCon li span img{position: relative;}
.project .mainCon li:hover .caise{display: block;}
.project .mainCon li:hover span img{top: -40px;}




/* projecta */
.projecta{width: 100%;}
.projecta .mainCon{width: 100%;margin-top: 30px;margin-bottom: 36px;}
.projecta .mainCon li{width: 200px;height: 340px;padding-top: 6px;background: #333333;float: left;margin-left: 22px;text-align: center;position: relative;border-radius:5px}
.projecta .mainCon li:first-child{margin-left: 0;}
.projecta .mainCon li a{display: block;text-decoration: none;}
.projecta .mainCon li img{display: block;}
.projecta .mainCon li .Pics{width: 140px;height: 150px;position: relative;margin-left:30px;margin-top:20px;}
.projecta .mainCon li .Pics img{width: 140px;height: 150px;}
.projecta .mainCon li .caise{position: absolute;top: 0;left: 0;display: none;}
.projecta .mainCon li h3{font-size: 18px;color: #FC6B00;font-weight: normal;margin-top: 22px;}
.projecta .mainCon li p{font-size: 14px;color: #fff;line-height:22px;margin-top: 12px;padding:10px;text-align:left;}
.projecta .mainCon li:hover .caise{display: block;}



/* case */
.case{width: 100%;}
.case .menu{width: 100%;height: 66px;background: #313538;position: relative;margin-top: 52px;}
.case .menu ul{padding-left: 50px;height: 50px;}
.case .menu li{width: 171px;float: left;height: 66px;border-left: 1px solid #232628;border-right: 1px solid #3b3f42;}
.case .menu li p{line-height: 66px;height: 66px;text-align: center;position: relative;font-size: 16px;color: #fff;}
.case .menu li p a{display: block;text-decoration: none;color: #fff;}
.case .menu li p i{display: none;width: 11px;height: 6px;position: absolute;left: 50%;margin-left: -5px;bottom: -6px;z-index: 9}
.case .menu li img{display: block;}
.case .menu li.cur i{display: block;}
.case .menu li.cur p{background: #fc6b00;font-weight: bold;}
.case .menu li.cur{border-color: #fc6b00;}
.case .caseList{width: 100%;background: url(caseBg01.jpg);padding: 20px 0;height: 10px;overflow: hidden;position: relative;}
.case .caseList .container{height: 47px;overflow: hidden;position: relative;}
.case .caseList .box{overflow: hidden;height: 47px;padding-left: 40px;}
.case .caseList .box a{display: block;float: left;width: 102px;height: 47px;line-height: 47px;text-align: center;font-size: 14px;color: #333333;background: #fff;margin-left: 10px;text-decoration: none;}
.case .caseList .box a:hover{color: #fc6b00;font-weight: bold;}
.case .mainCon{width: 100%;}
.case .mainCon li{float: left;width: 25%;}
.case .mainCon li img{display: block;width: 100%;transform: scale(1);transition: all 1s ease-out;}
.case .mainCon li .Pics{position: relative;overflow: hidden;}
.case .mainCon li .intro{position: absolute;width: 90%;height: 92%;background: url(caseBg02.png);left: 0;top: 0;overflow: hidden;display: none;padding: 5% 5% 0;}
.case .mainCon li .intro .box{border: 1px solid #333333;width: 100%;height:100%;}
.case .mainCon li .intro .box i{
    height: 140px;
    display: block;
    overflow: hidden;}
.case .mainCon li .intro p{    font-size: 13px;
    color: #fff;
    line-height: 20px;
    font-style: normal;
    padding: 0% 5% 0;
    height: 20px;
    margin-bottom: 0!important;
    overflow: hidden;
    text-overflow: ellipsis;}
.case .mainCon li .intro span{display: block;font-size:14px;color: #e2e2e2;font-family: arial;text-align: center;margin-top: 5%;}
.case .mainCon li .PicTitle{padding-top: 18px;height: 55px;text-align: center;background: #f7f7f7;}
.case .mainCon li .PicTitle p{font-size: 14px;color: #333333;}
.case .mainCon li .PicTitle i{display: block;width: 25%;height: 2px;background: #e2e2e2;margin:10px auto 0;}
.case .mainCon li a{display: block;text-decoration: none;}
.case .mainCon li:hover .intro{display: block;}
.case .mainCon li:hover .PicTitle{background: #fc6b00;}
.case .mainCon li:hover .PicTitle p{color: #fff;}
.case .mainCon li:hover .PicTitle i{background: #fff;}
.case .mainCon li:hover img{transform: scale(1.2);}

/* trouble */
.trouble{width: 100%;background: url(troubleBg.jpg) no-repeat center;height: 680px;overflow: hidden;}
.trouble .container{height: 680px;position: relative;}
.trouble .box{padding-top: 220px;width: 382px;overflow: hidden;}
.trouble .box dl{height: 49px;padding-top: 12px;border-bottom: 1px dotted #ebebeb;position: relative;left: -600px;opacity: 0;}
.trouble .box dt{width: 36px;height: 35px;line-height: 35px;text-align: center;font-size: 22px;color: #fff;background: url(trouble_y.png) no-repeat center;font-family: arial;float: left;}
.trouble .box dd{height: 35px;line-height: 35px;float: left;margin-left: 14px;font-size: 16px;color: #414141;}

.trouble .people{position: absolute;left: 546px;bottom: -1000px;opacity: 0;}
.trouble img{display: block;}
.trouble span{display: block;position: absolute;}
.trouble span.wz01{left: 490px;top: 1200px;opacity: 0;}
.trouble span.wz02{left: 543px;top: 1200px;opacity: 0;}
.trouble span.wz03{left: 912px;top: 1200px;opacity: 0;}
.trouble span.wz04{right: 0;top: 1200px;opacity: 0;}


/* adv */
.adv{width: 100%;background: url(advBg.jpg);}
.adv .title{width: 100%;padding-top: 51px;}
.adv .title img{display: block;margin: 0 auto;}
.adv .mainCon{width: 100%;margin-top: 52px;}
.adv .mainCon .con{height: 445px;background: #f7f7f7;}
.adv .mainCon .con dl{width: 1100px;margin: 0 auto;}
.adv .mainCon .con dt{width: 508px;height:360px;float: left;padding-top: 85px;padding-right: 42px;overflow: hidden;}
.adv .mainCon .con dt span{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt h3{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt i{position: relative;top: 400px;opacity: 0;}
.adv .mainCon .con dt p{position: relative;top: 400px;opacity: 0;}

.adv .mainCon .con dd{width: 550px;float: right;height: 445px;position: relative;}
.adv .mainCon .con dd img{display: block;transform: scale(1);transition: all 1s ease-out;}
.adv .mainCon .con.same dd span{width: 960px;height: 445px;overflow: hidden;position: absolute;right:-1500px;top: 0;opacity: 0;}
.adv .mainCon .con.dif dt{float: right;}
.adv .mainCon .con.dif dd{float: left;position: relative;}
.adv .mainCon .con.dif dd span{display: block;position: absolute;left:-1500px;top: 0;overflow: hidden;opacity: 0;}
.adv .mainCon .con.dif dt{padding-left: 42px;padding-right: 0;}
.adv .mainCon .con dt span{overflow:hidden;display:block}
.adv .mainCon .con dt em.kuang{width: 68px;height: 61px;    font-family: "微软雅黑";line-height: 61px;text-align: center;font-size: 42px;color: #fc6b00;border: 5px solid #fc6b00;display: block;float:left}
.adv .mainCon .con dt em.num{display:block;float:left;line-height:71px;font-size:50px;color:#fc6b00;margin-right:10px}

.adv .mainCon .con dt h3{font-size: 20px;color: #333333;margin-top: 34px;}
.adv .mainCon .con dt i{display: block;width: 42px;height: 3px;background: #fc6b00;margin-top: 12px;}
.adv .mainCon .con dt p{font-size: 16px;line-height: 25px;margin-top: 26px;color: #666666;}
/* .adv .mainCon .con:hover dd img{transform: scale(1.2);} */





/* partner */
.partner{width: 100%; padding-bottom:56px;}
.partner .mainCon{width: 100%;margin-top: 37px;}
.partner .mainCon .conBox{width: 100%;height: 302px;position: relative;overflow: hidden;}
.partner .mainCon .conBox ul{float: left;position: absolute;left: 0;top: 0;}
.partner .mainCon .conBox li{width: 1100px;float: left;overflow: hidden;height: 302px;}
.partner .mainCon .conBox li a{display: block;float: left;text-align: center;text-decoration: none;margin-bottom: 25px;}
.partner .mainCon .conBox li a span{display: block;border: 1px solid #e4e4e4;border-left: none;}
.partner .mainCon .conBox li a.dif span{border-left: 1px solid #e4e4e4;}
.partner .mainCon .conBox li em{display: block;font-size: 13px;color: #333333;margin-top: 10px;}
.partner .mainCon .conBox li img{display: block;}

.partner .mainCon .btnList{text-align: center;margin-top:12px;}
.partner .mainCon .btnList span{display: inline-block;*display: inline-block;width: 12px;height: 11px;background: url(partner_icon01.png) no-repeat center;margin: 0 3px;cursor: pointer;} 
.partner .mainCon .btnList span.cur{background: url(partner_icon02.png) no-repeat center;}

/* flow */
.flow{width: 100%;background: url(flowBg02.jpg) no-repeat center;height: 366px;}
.flow .container{height: 309px;padding-top: 57px;}
.flow .khflow{float: left;margin-left: 480px;margin-right: 32px;}
.flow a{display: block;width: 292px;height: 255px;float: left;}


.flow1{width: 100%;background: url(ggbg.jpg) no-repeat center;height: 280px;}



/* yzkehu */
.yzkehu{width: 100%;background: url(kehuBg.jpg);padding-bottom: 72px;}
.yzkehu .mainCon{width: 100%;margin-top: 50px;}
.yzkehu .mainCon li{float: left;width: 263px;margin-left: 16px;}
.yzkehu .mainCon li:first-child{margin-left: 0;}
.yzkehu .mainCon li .Pics{position: relative;width: 263px;height: 161px;overflow: hidden;display: block;}
.yzkehu .mainCon li img{display: block;transform: scale(1);transition: all 1s ease-out;}
.yzkehu .mainCon li:hover img{transform: scale(1.2);}
.yzkehu .mainCon li .intro{padding: 26px 22px 0;height: 198px;background: #fff;text-align: center;position: relative;}
.yzkehu .mainCon li .intro h3{font-size: 14px;color: #333333;}
.yzkehu .mainCon li .intro h3 a{color: #333333;text-decoration: none;}
.yzkehu .mainCon li .intro p{font-size: 14px;font-weight: lighter;line-height: 22px;color: #666666;margin-top: 13px;text-align:left;}
.yzkehu .mainCon li .intro a.details{width: 124px;height: 30px;display: block;line-height: 30px;text-align: center;background: #e3e3e3;font-size: 13px;color: #979797;bottom: 40px;left: 50%;margin-left: -62px;position: absolute;text-decoration: none;}
.yzkehu .mainCon li:hover a.details{background: #fc6b00;color: #fff;}


/* honor */
.honor{width: 100%;padding-bottom: 42px;}
.honor .mainCon{width: 100%;margin-top: 30px;}
.honor .mainCon .conBox1{width: 100%;height: 181px;background: url(honorBg01.jpg) no-repeat center;padding-top: 38px;}
.honor .mainCon .conBox1 ul{margin-left: 248px;width: 814px;}
.honor .mainCon .conBox1 li{float: left;width: 372px;padding-left: 14px;background: url(honor_icon01.png) no-repeat left center;font-size: 14px;color: #333333;margin-bottom: 12px;margin-left: 20px;}
.honor .mainCon .conBox1 li a{color: #333333}
.honor .mainCon .conBox2{width: 100%;position: relative;margin-top: 36px;}

.honor .mainCon .conBox2 i{display: block;width: 14px;height: 29px;position: absolute;top: 103px;cursor: pointer;overflow: hidden;}
.honor .mainCon .conBox2 i img{display: block;position: relative;}
.honor .mainCon .conBox2 i.prev{left: 0;}
.honor .mainCon .conBox2 i.next{right: 0;}
.honor .mainCon .conBox2 i:hover img{top: -29px;}
.honor .mainCon .conBox2 .box{width: 988px;margin: 0 auto;position: relative;height: 248px;overflow: hidden;}
.honor .mainCon .conBox2 .box ul{width: 102%;position: absolute;top: 0;left: 0;}
.honor .mainCon .conBox2 .box li{float: left;width: 235px;margin-right: 16px;height: 248px;background: url(honor_yy.png) no-repeat center bottom;}
.honor .mainCon .conBox2 .box li a{display: block;border: 1px solid #f2f3f7;height: 203px;padding-top: 29px;text-decoration: none;}
.honor .mainCon .conBox2 .box li span{display: block;width: 189px;height: 138px;padding-top: 8px;background: url(honorBg02.png) no-repeat center;margin: 0 auto;}
.honor .mainCon .conBox2 .box li img{display: block;margin: 0 auto;}
.honor .mainCon .conBox2 .box li em{display: block;font-size: 13px;color: #333333;margin-top: 20px;text-align: center;}


/* mien */
.mien{width: 100%;background: url(mienBg.jpg) no-repeat center;height: 664px;}
.mien .mainCon{width: 100%;margin-top: 38px;}
.mien .Title{padding-top: 46px;}
.mien .Title h2 a{color: #fff;}
.mien .Title p{color: #fff;}
.mien .Title i{background: url(title_xian02.png) no-repeat center;}

.mien .mainCon{ width:100%; height:456px; position:relative;margin-top:34px;}
.mien .mainCon span{ display:block; width:14px; height:29px; cursor:pointer; position:absolute; top:50%; margin-top:-14px;overflow: hidden;z-index: 99;}
.mien .mainCon .btn01{ background:url(mienBtn01.png) no-repeat left top; left:92px;}
.mien .mainCon .btn02{  background:url(mienBtn02.png) no-repeat left top; right:92px;}
.mien .mienCon{ overflow:hidden; width:1000px; height:456px; margin:0 auto; position:relative}
.mien .mienCon .mienBox{width: 1000px;height: 456px;margin: 0 auto;}
.mien .mienCon .iteam .Pic{position: relative;display: block;}
.mien .mienCon .iteam img{ display:block}
.mien .mienCon .iteam b{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(mienBg02.png);}
.mien .mienCon .iteam.active b{ display:none;}
.mien .mienCon .iteam.active{height: 456px;top: 0 !important;}
.mien .mienCon .iteam.active .Pic{display: block;border: 5px solid #f6f6f6;}
.mien .mienCon .iteam.active p{color: #fff;font-size: 14px;margin-top: 22px;text-align: center;}
.mien .mienCon .iteam.active p a{color: #fff;}
.mien .mienCon .iteam{overflow: hidden;position: absolute;}

/* liuy */
.liuy{width: 100%;background: url(lyBg.jpg) no-repeat center;height:523px;}
.liuy .mainCon{width: 100%;padding-top: 100px;height: 423px;position: relative;}
.liuy .mainCon .phone{position: absolute;left: 175px;top: 388px;background:url(ly_phone.png) no-repeat left center;padding-left: 32px;}
.liuy .mainCon .phone p{font-size: 20px;color: #fc6b00;line-height: 24px;}
.liuy .mainCon .box{width: 320px;margin-left: 730px;}
.liuy .mainCon .box p{font-size: 16px;color: #333333;}
.liuy .mainCon .box p em{font-weight: bold;color: #fc6b00;}
.liuy .mainCon .box .Input{height: 36px;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.liuy .mainCon .box .Input span{display:block;font-size: 14px;color: #999999;line-height: 36px;width: 85px;float: left;}
.liuy .mainCon .box .Input input{width: 235px;border: none;float: left;display: block;outline: none;font-size: 14px;height: 36px;line-height: 36px;}
.liuy .mainCon .box .Textarea span{display:block;font-size: 14px;color: #999999;line-height: 38px;}
.liuy .mainCon .box .Textarea textarea{width: 307px;height: 82px;border: 1px solid #eaeaea;outline: none;resize: none;padding: 10px 0 0 10px;}
.liuy .mainCon .box a{display: block;margin-top: 10px;height: 40px;line-height: 40px;text-align: center;background: #fc6b00;font-size: 16px;color: #fff;text-decoration: none;}

/* news */
.news{width: 100%;background: #ebecf0;padding: 56px 0 52px 0;}
.news .mainCon{width: 100%;}
.news .mainCon li{width: 356px;padding-top: 22px;height: 402px;background: #fff;border-radius: 4px;float: left;margin-left: 15px;}
.news .mainCon li:first-child{margin-left: 0;}
.news .mainCon .top{text-align: center;}
.news .mainCon .top h2{font-size: 22px;color: #fc6b00;}
.news .mainCon .top h2 a{text-decoration: none;color: #fc6b00;}
.news .mainCon .top p{font-size: 16px;color: #999999;margin-top:4px;}
.news .mainCon .top p i{display: inline-block;width: 78px;height: 1px;background: #eaeaea;margin: 0 8px;position: relative;top: -4px;}
.news .mainCon .con{margin-top: 16px;padding: 0 20px;}
.news .mainCon .con dt{float: left;width: 114px;height: 95px;}
.news .mainCon .con dt img{display: block;}
.news .mainCon .con dd{width: 184px;float: right;}
.news .mainCon .con dd h3{font-size: 14px;color: #333333;line-height: 20px;height: 40px;text-overflow: ellipsis;overflow: hidden;}
.news .mainCon .con dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .con dd p{font-size: 13px;color: #666666;line-height: 20px;margin-top: 12px;height: 40px;;text-overflow: ellipsis;overflow: hidden;}
.news .mainCon .con dd p a{color: #666666;text-decoration: none;}
.news .mainCon .con .box{margin-top: 20px;}
.news .mainCon .con .box p{font-size: 13px;padding-left: 12px;color: #666666;background: url(news_icon01.png) no-repeat left center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 14px;}
.news .mainCon .con .box p a{color: #666666;}
.news .mainCon .con .box p:hover a{color: #fc6b00;font-weight: bold;}

.footerCenter .link{width: 100%;height: 40px;padding-top: 20px; display: block;border-top: 1px solid #2d2c2c;}
.footerCenter .link dt{float: left;width: 68px;font-size: 14px;color: #fc6b00;font-weight: bold;}
.footerCenter .link dt a{color: #fc6b00;}
.footerCenter .link dd{float: left;width: 1000px;overflow: hidden;padding-top: 1px;}
.footerCenter .link dd a{display: block;margin: 0 15px;font-size: 14px;color: #666;float: left;}

.probtx {color: #F01414;display: block;margin-top: 5px;font-size: 12px;}
.lymsg{color:#F01414;}